<template>
  <div class="about">
    <h1>This is an about page</h1>
    <button type="button" @click="changeRouter">ttt</button>
    <p>{{name}}</p>
  </div>
</template>
<script>
export default {
  name: 'AboutView',
  data () {
    return {
      name: process.env.VUE_APP_TEST
    }
  },
  methods: {
    changeRouter () {
      // this.$router.push('/teacher')
      // this.$router.replace('/teacher?id=5&name=张三丰')
      // this.$router.push({ path: '/teacher' })
      this.$router.push({ name: 'teacher', params: { id: 100, name: '张三' } })
    }
  }
}
</script>
